<template>
  <div class="contractDraftDetail">
    <div class="conwritten-off">
      <!--面包屑部分-->
      <div class="ccui-navigation" ref="noPrintTop">
        <el-button
          size="mini"
          type="primary-icon-medium"
          icon="icon-ccui-return"
          @click="handleBack"
          >返回
        </el-button>
        <div class="ccui-navigation-divider" />
        <el-breadcrumb
          class="ccui-navigation-crumbs-container"
          separator-class="el-icon-arrow-right"
        >
          <el-breadcrumb-item
            :to="{ path: $store.getters.getBreadcrumb('level1').path }"
            >{{
              $store.getters.getBreadcrumb("level1").name
            }}</el-breadcrumb-item
          >
          <el-breadcrumb-item
            :to="{
              path: '/settlement-management/settlement-maintenance-approval/settlement-maintenance-all'
            }"
            >结算管理</el-breadcrumb-item
          >
          <el-breadcrumb-item
            :to="{
              path: '/settlement-management/settlement-maintenance-approval/settlement-maintenance-all'
            }"
            >物资结算管理</el-breadcrumb-item
          >
          <el-breadcrumb-item
            :to="{ path: '/settlement-management/settlementApproval' }"
            >结算单审批</el-breadcrumb-item
          >
          <el-breadcrumb-item>
            <span>审批</span>
            <span class="ccui-curr-crumb ccui-ml-10">
              {{ breadcrumbName }}
            </span>
          </el-breadcrumb-item>
        </el-breadcrumb>
      </div>
    </div>
    <!--主体部分-->
    <writtenOffDetail :key="wareaKey" />
    <approvalOperate />
    <!--    <export-qr ref="exportQr"></export-qr>-->
  </div>
</template>

<script>
import writtenOffDetail from "@/app/settlement-management/settlement-written-off/views/detail-approval";
import approvalOperate from "@/basa/components/public/approval/approval-operate";
// import exportQr from "@/basa/components/public/exportQr";
export default {
  components: { writtenOffDetail, approvalOperate },
  activated() {
    this.businessDataList = JSON.parse(
      sessionStorage.getItem("businessDataList")
    );
    this.breadcrumbName = this.businessDataList.settlementName;
  },
  data() {
    return {
      breadcrumbName: "",
      businessDataList: "",
      wareaKey: new Date().getTime()
    };
  },
  methods: {
    handleBack() {
      this.$router.push(
        "/settlement-management/settlementApproval/settlement-list-pending"
      );
    }
  }
};
</script>

<style lang="scss" scope>
.contractDraftDetail {
  .ccui-navigation {
    display: none;
  }
  .el-bottom-guide {
    display: none;
  }
}
.conwritten-off {
  .ccui-navigation {
    display: block;
  }
}
</style>
